<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta http-equiv="X-UA-Compatible" content="ie=edge" />
    <link rel="stylesheet" type="text/css" href="../public/css/swiper.min.css" />
    <link rel="stylesheet" type="text/css" href="../public/css/base.css" />
    <link rel="stylesheet" type="text/css" href="../public/css/style.css"/>
    <link href="http://www.francescomalagrino.com/BootstrapPageGenerator/3/css/bootstrap-combined.min.css" rel="stylesheet" media="screen">
    <title>房源详情</title>
    <style type="text/css">
        img{
            width: 60px;
        }
        li{
            display: inline-block;
        }
        .appBox +.appBox {
            margin-top: 3%;
        }
        /*去掉按钮点击时的出现的黑色边框*/
        .btn:hover,
        .btn:focus {
            outline: none;
        }
    </style>
</head>
<body>
    <div>
        <table class="table table-bordered table-hover">
            <thead>
            <tr>
                <th colspan="4" style="vertical-align:middle; text-align: center">
                    <h2>房源详情</h2>
                </th>
            </tr>
            </thead>
            <tbody>
            <tr>
                <td>
                    <label for="title">标题</label>
                </td>
                <td colspan="3">
                    <input class="form-control" id="title" type="text" placeholder="Title" name="house_name" />
                </td>
            </tr>
            <tr>
                <td>
                    出租方式
                </td>
                <td>
                    <select class="form-control" name="house_rental_type">
                        <option value="0">短租</option>
                        <option value="1">长租</option>
                    </select>
                </td>
                <td>
                    房源房型
                </td>
                <td>
                    <select class="form-control" name="house_type">
                        <option value="一室两厅">一室两厅</option>
                        <option value="两室一厅">两室一厅</option>
                        <option value="两室一厅">三室一厅</option>
                        <option value="两室一厅">四室一厅</option>
                    </select>
                </td>
            </tr>
            <tr>
                <td>
                    房源区域
                </td>
                <td>
                    <select class="form-control" name="house_region">
                        <option value="端州区">端州区</option>
                        <option value="鼎湖区">鼎湖区</option>
                        <option value="高要区">高要区</option>
                        <option value="四会市">四会市</option>
                        <option value="广宁县">广宁县</option>
                        <option value="怀集县">怀集县</option>
                        <option value="封开县">封开县</option>
                        <option value="德庆县">德庆县</option>
                    </select>
                </td>
                <td>
                    房源价位
                </td>
                <td>
                    <select class="form-control" name="house_price">
                        <option value="0-50">50以下</option>
                        <option value="50-100">50-100</option>
                        <option value="100-300">100-300</option>
                        <option value="300-500">300-500</option>
                        <option value="500-800">500-800</option>
                        <option value="800-1500">800-1500</option>
                        <option value="1500-10000">1500以上</option>
                    </select>
                </td>
            </tr>
            <tr>
                <td>
                    <label for="area">房源面积</label>
                </td>
                <td>
                    <input class="form-control" id="area" type="text" placeholder="Area" name="house_area"/>平方米
                </td>

                <td>
                    <label for="price">房源价格</label>
                </td>
                <td>
                    <input class="form-control" id="price" type="text" placeholder="Price" name="house_rent" />元/天
                </td>

            </tr>
            <tr>
                <td>
                    房源图片
                </td>
                <td colspan="3">
                    <div class="appBox modelTostParents house-img-div">
                        <img name="house_image" />
                        <input id="houseFile" type="file" name="house_image_file" style="display:none" onchange="setBlogrollImageName(this)" />
                        <a class="btn btn-info btn-select-file" type="button" href="javascript:void(0);">New Image</a>
                    </div>
                </td>
            </tr>
            <tr>
                <td style="vertical-align:middle;">
                    <label for="remark">备注说明</label>
                </td>
                <td colspan="3">
                    <textarea cols="200" rows="8" id="remark" placeholder="请填写您的备注信息" name="house_introduction" style="margin: 0px;  width: 600px;"></textarea>
                </td>
            </tr>
            <tr>
                <td>
                </td>
                <td colspan="3">
                    <button class="btn btn-success house-update-btn" id="house-update-btn">修改</button>
                    <button class="btn btn-default house-cancel-btn" id="house-cancel-btn">返回</button>
                </td>
            </tr>
            </tbody>
        </table>
    </div>
<script type="text/javascript" src="http://www.francescomalagrino.com/BootstrapPageGenerator/3/js/jquery-2.0.0.min.js"></script>
<script type="text/javascript" src="http://www.francescomalagrino.com/BootstrapPageGenerator/3/js/jquery-ui"></script>
<script type="text/javascript" src="http://www.francescomalagrino.com/BootstrapPageGenerator/3/js/bootstrap.min.js"></script>
<script type="text/javascript" src="../public/js/swiper.min.js"></script>
<script type="text/javascript" src="../public/js/index.js"></script>
<script type="text/javascript" src="../js/house-detail.js"></script>
<script type="text/javascript" src="../js/common.js"></script>
</body>
</html>